<span jwcid="@MainBorder">

    <fieldset>
        <form jwcid="@Form">
            <lable>Start Date</lable><input jwcid="@DatePicker" translator="translator:date,pattern=MM/dd/yyyy" value="ognl:startDate"/><br/>
            <lable>End Date</lable><input jwcid="@DatePicker" translator="translator:date,pattern=MM/dd/yyyy" value="ognl:endDate"/><br/>
            <input jwcid="@Hidden" value="ognl:module" />
            <span jwcid="@Submit" label="Change Date Range" action="listener:doSubmit"/>
        </form>
    </fieldset>

    <fieldset>
        <legend>
            Evaluation Results for <span jwcid="@Insert" value="ognl:startDate" format="ognl:dateFormat">[Start Date]</span> to <span jwcid="@Insert" value="ognl:endDate" format="ognl:dateFormat">[End Date]</span>
        </legend>

        <table width="100%">
            <tr>
                <td width="33%">
                    <fieldset>
                        <legend>Expectations</legend>
                        <div jwcid="@PieChart" service="evaluationStatisticsService" parameters="ognl:#{
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@MODULE_ID : module.id,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@METRIC_NAME : 'expectations',
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@START_DATE : startDate,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@END_DATE : endDate
                         }"
                         class="graph"></div>
                    </fieldset>
                </td>
                <td width="33%">
                    <fieldset>
                        <legend>Quality</legend>
                        <div jwcid="@PieChart" service="evaluationStatisticsService" parameters="ognl:#{
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@MODULE_ID : module.id,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@METRIC_NAME : 'quality',
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@START_DATE : startDate,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@END_DATE : endDate
                         }"
                         class="graph"></div>
                    </fieldset>
                </td>
                <td width="33%">
                    <fieldset>
                        <legend>Amount</legend>
                        <div jwcid="@PieChart" service="evaluationStatisticsService" parameters="ognl:#{
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@MODULE_ID : module.id,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@METRIC_NAME : 'amount',
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@START_DATE : startDate,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@END_DATE : endDate
                         }"
                         class="graph"></div>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td>
                    <fieldset>
                        <legend>Job Help</legend>
                        <div jwcid="@PieChart" service="evaluationStatisticsService" parameters="ognl:#{
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@MODULE_ID : module.id,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@METRIC_NAME : 'jobHelp',
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@START_DATE : startDate,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@END_DATE : endDate
                         }"
                         class="graph"></div>
                    </fieldset>
                </td>
                <td>
                    <fieldset>
                        <legend>User Friendly</legend>
                        <div jwcid="@PieChart" service="evaluationStatisticsService" parameters="ognl:#{
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@MODULE_ID : module.id,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@METRIC_NAME : 'userFriendly',
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@START_DATE : startDate,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@END_DATE : endDate
                         }"
                         class="graph"></div>
                    </fieldset>
                </td>
                <td>
                    <fieldset>
                        <legend>Reaction</legend>
                        <div jwcid="@PieChart" service="evaluationStatisticsService" parameters="ognl:#{
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@MODULE_ID : module.id,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@METRIC_NAME : 'reaction',
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@START_DATE : startDate,
                            @org.braintrain.tapestry.services.EvaluationStatisticsService@END_DATE : endDate
                         }"
                         class="graph"></div>
                    </fieldset>
                </td>
            </tr>
        </table>
    </fieldset>

</span>